a {
  text-decoration: none!important;
}
.user-box .display-bar-box {
  margin-top: 100px;
  display: flex;
}
.user-box .display-bar-box .display-bar-item {
  width: 0.6vw;
  height: 4vw;
  background-color: #7180DF;
  display: inline-block;
  vertical-align: top!important;
}
.user-box .display-bar-box a {
  font-size: 2.4vw;
  line-height: 4vw ;
  margin-left: 18px;
}
.user-box .user-information-box {
  width: 100%;
  margin-top: 20px;
  display: flex;
}
.user-box .user-information-box .user-logo-box {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
}
.user-box .user-information-box .user-logo-box img {
  width: 60px;
  height: 60px;
}
.user-box .user-information-box .user-browse-edit-box {
  margin-left: 16px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.user-box .user-information-box .user-browse-edit-box a {
  display: block;
}
.user-box .user-information-box .user-browse-edit-box .user-browse-box {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.user-box .user-information-box .user-browse-edit-box .user-browse-box .user-font {
  color: #383737;
  font-size: 16px;
}
.user-box .user-information-box .user-browse-edit-box .user-browse-box .browse-font {
  color: #ccc;
  font-size: 12px;
}
.user-box .user-information-box .user-browse-edit-box .user-edit-del-box {
  display: flex;
  flex-direction: column;
}
.user-box .user-information-box .user-browse-edit-box .user-edit-del-box a {
  font-size: 12px;
  color: #272626;
}
.user-box .image-box {
  margin-top: 26px!important;
  display: flex;
  justify-content: center;
  width: 100%;
}
.user-box .image-box img {
  width: 54vw;
  height: 32vw;
}
.user-box .font-information-box {
  margin: 16px 0 58px;
  display: block;
  color: #5d5d5d;
}
.user-box .user-comment-box {
  display: flex;
  margin-bottom: 20px;
}
.user-box .user-comment-box textarea {
  width: 100%;
  height: 90px;
  resize: none;
  text-indent: 1em;
  color: #8f8f8f;
  background-color: #fafafa;
  outline: none;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.user-box .post-comments-btn-box {
  display: flex;
  justify-content: end;
  width: 100%;
  margin-bottom: 40px;
}
.user-box .post-comments-btn-box .post-comments-btn {
  width: 98px;
  height: 34px;
  outline: none;
  border: none;
  background-color: #7180DF;
  border-radius: 17px;
  color: #fff;
}
.user-box .all-comments-box {
  width: 100%;
  height: 20px;
  border-left: 4px solid #ec7259;
  margin-bottom: 32px;
}
.user-box .all-comments-box span {
  display: inline-block;
  margin-left: 12px;
}
.user-box .all-comments-content-box {
  display: flex;
  margin-bottom: 20px;
}
.user-box .all-comments-content-box .all-comments-logo-box {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  overflow: hidden;
}
.user-box .all-comments-content-box .all-comments-logo-box img {
  width: 50px;
  height: 50px;
}
.user-box .all-comments-content-box .all-comments-information-box {
  display: flex;
  justify-content: space-between;
  height: 85px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin-left: 12px;
}
.user-box .all-comments-content-box .all-comments-information-box .all-comments-information-left {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.user-box .all-comments-content-box .all-comments-information-box .all-comments-information-left .user-nickname,
.user-box .all-comments-content-box .all-comments-information-box .all-comments-information-left .user-comment-content {
  color: #515151;
}
.user-box .all-comments-content-box .all-comments-information-box .all-comments-information-left .user-comment-time {
  color: #a2a2a2;
}
.user-box .all-comments-content-box .all-comments-information-box .all-comments-information-right {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.user-box .all-comments-content-box .all-comments-information-box .all-comments-information-right a {
  color: #ccc;
}
